<div dojoType="dijit.Toolbar" id="buyNow" style="display:block;">
   <div dojoType="dijit.form.CheckBox" onClick="showBuyNow();" id="chbBuyNow" name="chbBuyNow">
   </div>
   <label for="chbBuyNow"><img src="images/gallery.png"/>Gallery</label>   
   <div dojoType="dijit.form.CheckBox" onClick="showAuction();" id="chbAuction" name="chbAuction">
   	</div>
   	<label for="chbBuyNow"><img src="images/auction.png"/>Auction</label>
   	<span dojoType="dijit.ToolbarSeparator" ></span>
    <div id ="addToCart" dojoType="dijit.form.Button"  onClick="addToCart();">
    	<img src="images/cart.gif"/>
    	<span>Add To Cart</span>
    </div>
    <div dojoType="dijit.form.Button">
    	<img src="images/star.png"/>
    	<span>Add to Wish list</span>
    </div>  
    <span dojoType="dijit.ToolbarSeparator" ></span>
    <div dojoType="dijit.form.Button">
    	<img src="images/refresh.png"/>
    	<span>Refresh</span>
    </div>
</div>
<br/>
<!-- Buy Now Section Starts -->
<hr/> 
<div dojoType="dijit.TitlePane" id="buy" title="<img src='images/gallery.png'/> Gallery" onLoad>
<div dojoType="dijit.Toolbar" style="display:block;">
 <div dojoType="dijit.form.DropDownButton">
    	<span><img src="images/view.png"/>View</span>
    	<div dojoType="dijit.Menu">
    		   <div dojoType="dijit.MenuItem" onClick=""><img src="images/slide.png"/>&nbsp;Slide show</div>
               <div dojoType="dijit.MenuItem" onClick=""><img src="images/grid.png"/>&nbsp;Grid</div>
    	</div>
 </div> 
</div>
<br/>
<div id="buyNowDataGrid">
		<!-- Data stores read data from a data store such as a servlet -->
		<div dojoType="dojox.data.QueryReadStore" jsId="itemStoreBuyNow" 	url="listItem.htm">
		</div>
		<!-- A grid displays data and offer useful operations such as client sorting -->
		<div id="buyGrid" jsId="buyGrid" dojoType="dojox.grid.EnhancedGrid" structure="buyNowLayout" store="itemStoreBuyNow"  style="height:75%;"
			plugins="{nestedSorting: true, dnd: true, indirectSelection: true }" rowSelector="0px">
    	</div>
	</div>
</div>
<!-- Buy Now Section Ends -->
<!-- Auction Section Starts -->
<div dojoType="dijit.TitlePane" id="auction"  title="<img src='images/auction.png'/> Auction" >
	<div id="auctionDataGrid">
		<!-- Data stores read data from a data store such as a servlet--> 
		<div dojoType="dojox.data.QueryReadStore" jsId="auctionStore" url="listAuction.htm"></div>
	</div>
	<div dojoType="dijit.Toolbar" style="display:block;">
 		<div dojoType="dijit.form.DropDownButton">
    		<span><img src="images/view.png"/>View</span>
    		<div dojoType="dijit.Menu">
    		   <div dojoType="dijit.MenuItem" onClick=""><img src="images/slide.png"/>&nbsp;Slide show</div>
               <div dojoType="dijit.MenuItem" onClick=""><img src="images/grid.png"/>&nbsp;Grid</div>
    		</div>
 		</div> 
		<div dojoType="dijit.form.ComboBox" title="auction:" id="auctionList" jsId="auctionList"
		 name="auctionList" store="auctionStore" searchAttr="Description" pageSize="100">
		</div>
		<div dojoType="dijit.form.Button" onclick="postAuction();"><img src="images/go.png"/></div> 
	</div>
	<br/>
	<div id="auctionDataGrid">
		<!-- Data stores read data from a data store such as a servlet -->
		<div dojoType="dojox.data.QueryReadStore" jsId="itemStoreAuction"	url="listItem.htm">
		</div>
		<!-- A grid displays data and offer useful operations such as client sorting -->
		<div id="auctionGrid" jsId="auctionGrid" dojoType="dojox.grid.EnhancedGrid" structure="auctionLayout" store="itemStoreAuction" style="height:75%;"
		plugins="{nestedSorting: true, dnd: true}" rowSelector="0px">
    	</div>
	</div>
</div>
<hr/>
<!-- Auction Section Ends -->